<template>
    <div class="fuwu">
        <img src="https://webimg.ziroom.com/8a77679a-06f1-4b3a-9105-ab90d6c36bfe.PNG" alt="">
        <img src="../assets/zi.png" alt="">
        <img src="../assets/111.png" alt="">
        <img src="../assets/222.png" alt="">
    </div>
</template>

<script>
window.onscroll = function () {//监听滚动条大于500导航条变色增加对比度
  var t = document.documentElement.scrollTop || document.body.scrollTop;
  if (t >= 500) {
    header.classList.add("active");
  } else {
    header.classList.remove("active");
  }
    }
    export default {
        
    }
</script>

<style lang="scss" scoped>
.fuwu{
    position: relative;
    width: 100%;
    img:nth-of-type(1){
        width: 100vw;
        height: 31vw;
        filter:brightness(0.8)
    }
    img:nth-of-type(2){
        position: absolute;
        z-index: 1;
        top: 10%;
        left: 15%;
    }
    img:nth-of-type(3){
        display: block;
        margin: 10px auto;
    }
    img:nth-of-type(4){
         display: block;
        margin: 10px auto;
    }
}
</style>